<!--
+----------------------------------------------------------------------
| 友得云客  - 开启房产营销新纪元
+----------------------------------------------------------------------
| Copyright (c) 2019~2023 优得（西安）信息科技有限公司版权所有
+----------------------------------------------------------------------
| Licensed 友得云客不是自由软件 未经允许不可移除相关版权
+----------------------------------------------------------------------
| Author: www.youdeyunke.com
+----------------------------------------------------------------------
-->
<template>
    <div class="posts" v-cloak>
        <div class="item" v-for="post, i in posts">
            <post-item3 :post="post"></post-item3>
        </div>
    </div>
</template>

<script>
import PostItem3 from "./PostItem3";
export default {
    components: { PostItem3 },
    data () {
        return {
            loading: false,
        };
    },
    props: {
        posts: { type: Array, default: [] },
    },

    mounted: function () { },

    computed: {},

    methods: {},
};
</script>

<style scoped>
.posts {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.posts .item {
    margin-right: 16px;
    width: calc(50% - 8px);
}

.posts .item:nth-child(2n) {
    margin-right: 0px;
}
</style>